/* .big{
    width: 300px;
    height: 50px;
    border: 1px solid #000;
    position: relative;
    margin-top: 50px;
    background-color: red;
}
.circle{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #000;
    position: absolute;
    left: 250px;
    top: -18px;
    background-color: blue;
}
a{
    width: 60px;
    height: 50px;
    display: inline-block;
    background: url(../images/000.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: 250px;
    top: 0;
} */
.header{
    width: 6.87rem;
    padding: 0.19rem 0.23rem 0.2rem 0.4rem;
}
.header a{
    display: inline-block;
}
.header .return {
    width: 0.29rem;
    height: 0.69rem;
    margin-right: 0.97rem;
    float: left;
}
.header .return img {
    width: 0.29rem;
    height: 0.69rem;
}
.header .share{
    width: 0.7rem;
    height: 0.69rem;
    margin-left: 1.36rem;
}
.header .share img{
    width: 0.7rem;
    height: 0.69rem;
}
.header h3{
    font-size: 0.32rem;
    line-height: 0.69rem;
    float: left;
    font-weight: bold;
}
.content .display{
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}
.content .display img{
    width: 7.5rem;
    height: 4.34rem;
}
.content .introduce{
    padding: 0.25rem 0 0 0.33rem;
}
.content .introduce .h3{
    font-size: 0.37rem;
}
.content .introduce span{
    font-size: 0.42rem;
    margin-top: 0.43rem;
    display: inline-block;
}
.content .introduce span:first-of-type{
    color: #e8470e;
}
.content .introduce span:last-of-type{
    color: #cecece;
}
.content .describe>section{
    background-color: #f8f8f8;
    padding-left: 0.23rem;
    border: 1px solid #dedede;
}
.content .describe>section span{
    line-height: 0.77rem
}
.content .describe>section span:first-child{
    width: 1.21rem;
    display: inline-block;
}
.content .describe>section span:last-child{
    margin-left: 0.55rem;
}
.content .vivid{
    width: 6.05rem;
    height: 3.15rem;
    background-color: #eaebef;
    padding: 0.99rem 0 0 1.45rem;
}
.content .vivid img{
    width: 4.04rem;
    height: 2.23rem;
}
.fix{
    width: 7.5rem;
}
.footer{
    width: 7.5rem;
    height: 0.98rem;
    background-color: #eaebef;
    padding-top: 0.17rem;
    position: fixed;
    left: 0;
    bottom: 0;
}
.footer .circle{
    width: 1.4rem;
    height: 1.4rem;
    border: 1px solid #cecccc;
    border-radius: 50%;
    background-color: #eaebef;
    position: absolute;
    left: 5.8rem;
    top: -0.3rem;
}
.footer .many{
    width: 7.16rem;
    height: 0.79rem;
    background-color: #f4f5f5;
    position: absolute;
    left: 0;
    top: 0.17rem;
    border-top: 1px solid #cecccc;
    padding: 0.19rem 0 0 0.34rem;
}
.footer .many span{
    font-size: 0.3rem;
    line-height: 0.60rem;
}
.footer .many span:first-child{
    margin-right: 0.29rem;
    float: left;
}
.footer .many a{
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    border: 1px solid #cecccc;
    border-radius: 50%;
    background-color: #fff;
}
.footer .many .cut{
    background: url(../images//cut.png) no-repeat center;
    background-size: 0.29rem 0.05rem;
}
.footer .many .plus{
    background: url(../images/plus.png) no-repeat center;
    background-size: 0.28rem 0.27rem;
}

.footer img{
    width: 1.28rem;
    height: 1.31rem;
    position: absolute;
    left: 5.9rem;
    top: -0.1rem;

}




